<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Add and remove stylesheets</title>
    <!-- 
        The common styles that won't change. 
        Leave the title off so they won't be included in the list
    -->
    <link rel="stylesheet" type="text/css" href="../../shared/source.css" />
    <link rel="stylesheet" type="text/css" href="../chapter.css" />
    
    <!-- ADS Library (full version from source linked here) -->
    <script type="text/javascript" src="../../ADS-final-verbose.js"></script>

    <!-- Log object from Chapter 2 (full version from source linked here) -->
    <script type="text/javascript" 
        src="../../chapter2/myLogger-final/myLogger.js"></script>

	<!-- Sets text to green and will be removed in the load event -->
	<link rel="stylesheet" type="text/css" href="green.css" media="screen">

    <!-- The load script -->
    <script type="text/javascript" src="add-remove.js"></script>

</head>
<body>
	<h1>Add and Remove Style Sheets</h1>
    <div id="content">
        <h2>Test</h2>
        <p>All this text should end up black on a pink background</p>
    </div>

<div id="where-from">
	From <a href="http://advanceddomscripting.com" title="AdvancED DOM Scripting">AdvancED DOM Scripting</a> 
	| <a href="http://www.amazon.com/exec/obidos/ASIN/1590598563/jeffreysamb05-20" title="Buy it on Amazon">Paperback</a>
</div>
</body>

</html>